@minRadius: 5px;

.addLinearGradient(@backgroundButtonColor: @yellowColor ,@gradientColor: @lightYellowColor) {
  /* Firefox 3.6+ */
  	background: -moz-linear-gradient(100% 100% 90deg, @backgroundButtonColor, @gradientColor);
  
  /* Safari 4-5, Chrome 1-9 */
  	background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(@gradientColor), to(@backgroundButtonColor));
  
  /* Safari 5.1+, Chrome 10+ */
  	background: -webkit-linear-gradient(@gradientColor, @backgroundButtonColor);
  
  /* Opera 11.10+ */
  	background: -o-linear-gradient(@backgroundButtonColor, @gradientColor);
}

.addRoundedCorners(@radius: @minRadius){
	-moz-border-radius:@radius;
	-webkit-border-radius: @radius;
	border-radius: @radius;
}
.addTopRoundedCorners(@radius: @minRadius){
	-moz-border-radius-topright: @radius;
	-moz-border-radius-topleft: @radius;
	-webkit-border-top-right-radius: @radius;
	-webkit-border-top-left-radius: @radius;
	border-top-left-radius: @radius;
	border-top-right-radius: @radius;
}
.addBottomRoundedCorners(@radius: @minRadius){
	-moz-border-radius-bottomright: @radius;
	-moz-border-radius-bottomleft: @radius;
	-webkit-border-bottom-right-radius: @radius;
	-webkit-border-bottom-left-radius: @radius;
	border-bottom-left-radius: @radius;
	border-bottom-right-radius: @radius;
}

.addRadialGradient(@backgroundButtonColor: @yellowColor ,@gradientColor: @lightYellowColor) {

  /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(-60% -20% 9deg, ellipse cover, @backgroundButtonColor 50%, @gradientColor 100%);

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial, center center, 0, center center, 70, from(@backgroundButtonColor), to(@gradientColor));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, @gradientColor, @backgroundButtonColor);
}